<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<style>
html,body{ padding:0; margin:0}
.gmap3{ width:900px; height:500px; }
</style>
</head>

<body>
    <div class='place' style='display:none'>{$list}</div>
<div class="gmap3 map2"></div>
<script type="text/javascript" src="__PUBLIC__/Index/js/jquery.min.js"></script> 
<script src="http://maps.googleapis.com/maps/api/js?sensor=false" type="text/javascript"></script>
<script type="text/javascript" src="__PUBLIC__/Index/js/gmap3.min.js"></script> 
      <script type="text/javascript">
                $(document).ready(function () {
      var place =$('.place').html().split(',');
        $(".gmap3").gmap3({
        
        map:{
        options:{
        center:[place[0],place[1]],
                zoom: 15
        }
        },
		marker: {
        latLng:[place[0],place[1]],
	 
        }
        })
        });
    </script>
</body>
</html>
